<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JSON和AJAX</title>
		<!-- 异步请求 -->
		<script>
			// JS对象
			let obj = {
				username: '周杰伦',
				sex: '男'
			}
			// 对象转JSON字符串
			let str = JSON.stringify(obj)
			//console.log(typeof str) // string
			// 1.前端发请求，服务端接收请求
			// 2.服务端Java转JSON字符串
			// 3.服务端响应JSON字符串
			// 4.前端接收JSON字符串，并转换js对象
			// JSON字符串转js对象
			// 字符串要符合JSON结构
			let new_obj = JSON.parse(str) 
			//console.log(new_obj)
		</script>
		<script src="../jQuery/jquery-3.7.1.js"></script>
		<script>
			$.ajax({
				url: 'http://hmajax.itheima.net/api/news',
				type: 'get',
				success: function(result) {
					console.log('请求成功了')
					console.log(result) // js对象
					// 根据result的data属性值循环渲染页面
				},
				error: function(error) {
					console.log('请求失败了')
					console.log(error)
				}
			})
		</script>
	</head>
	<body>
		<div>
			<span>名字：</span>
			<span>年龄：</span>
		</div>
	</body>
</html>